<template>
	<view>
		<u-popup :show="show" @close="close" @open="open" :round="10" :closeable='true'>
		<view class="" style="height: 200rpx;">
		</view>
			<view  class="poup_box">
				<view class="swiper_box" >
					<swiper :autoplay="false" :current='5' :display-multiple-items='5' :vertical='true' >
						<swiper-item  v-for="(item,i) in 20" >
							<view class="swiper-item">{{i}}</view>
						</swiper-item>
					</swiper>
				</view>
				<view class="swiper_box"  >
					<swiper :autoplay="false" :vertical='true' :display-multiple-items='5' >
						<swiper-item  v-for="(item,i) in 20">
							<view class="swiper-item" >{{i}}</view>
						</swiper-item>
					</swiper>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name: "calendar",
		data() {
			return {};
		},
		props: {
			show: {
				typeof: Boolean,
				default: false,
			}
		},
		watch: {
			show(e) {
				//console.log(e)
			}
		},
		methods: {
			open() {
				this.$emit('open')
			},
			close() {
				this.$emit('close')
			}
		}
	}
</script>

<style>
	.poup_box {
		height: 500rpx;
		display: flex;
		padding: 20rpx;
	}
.swiper_box{
	width: 50%;height:100rpx;
}
	.swiper-item {
		background-color: aqua;
		height: 50rpx;
		text-align: center;
		line-height: 50rpx;
	}
</style>